.hot-notice {
    position: relative;
    display: block;
    height: 36px;
    padding: 0 180px 0 50px;
    line-height: 36px;
    overflow: hidden;
}

.hot-notice:before {
    position: absolute;
    left: 34px;
    top: 12px;
    display: block;
    width: 2px;
    height: 12px;
    background-color: #fff;
    content: "";
}

.hot-notice > img {
    position: absolute;
    left: 0;
    top: 9px;
}

.hot-notice .hd {
    position: absolute;
    right: 0;
    top: 0;
}

.hot-notice .hd a.news-btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #d1dfed;
    vertical-align: top;
}

.hot-notice .hd a.news-btn:hover {
    color: #f8b534;
}

.hot-notice .hd .pageState {
    display: inline-block;
    padding: 0 4px;
    line-height: 30px;
    color: #94abc4;
}

.hot-notice .hd .pageState span {
    color: #f8b534;
}

.hot-notice .hd .more {
    display: inline-block;
    margin-left: 25px;
    font-size: 13px;
    color: #94abc4;
}

.hot-notice .hd .more:hover {
    color: #f8b534;
}

.hot-notice .tempWrap {
    width: 100%;
}

.hot-notice .bd .iconGroup {
    display: inline-block;
    float: right;
}

.hot-notice .bd li {
    list-style: none;
}

.hot-notice .bd a {
    font-size: 14px;
    color: #284566;
    font-weight: bold;
}

.hot-notice .bd a:hover {
    text-decoration: underline;
    color: #6375ff;
}

.hot-notice .bd span {
    padding-left: 20px;
    font-size: 13px;
    color: #94abc4;
}


.banner {
    position: relative;
    height: 300px;
    border-radius: 5px;
    background-color: #edf1f8;
    box-shadow: rgba(62, 84, 106, .35) 0 8px 20px;
}

.banner .swiper-slide {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.banner .swiper-container,
.banner .swiper-wrapper {
    border-radius: 5px!important;
}

.banner .swiper-bottom {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 36px;
    z-index: 2;
    height: 42px;
    padding: 0 16px;
    border-radius: 0 0 5px 5px;
    background-color: rgba(0, 0, 0, .3);
    line-height: 42px;
}

.banner .swiper-bottom a {
    color: #fff;
    font-size: 14px;
}

#imageEdit {
    position: absolute;
    right: 24px;
    bottom: 40px;
    z-index: 3;
    display: block;
    width: 70px;
    height: 34px;
    border: rgba(0, 0, 0, .3) solid 2px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 4px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
    cursor: pointer;
    transition: .2s;
}

#imageEdit:hover {
    border-color: rgba(0, 0, 0, .8);
    background-color: rgba(255, 255, 255, 1);
    color: #333;
}

.remind-box {
    background: #fff url("../images/remind-gb.png") no-repeat scroll right bottom;
    background-size: contain;
}

.remind-box .well {
    position: relative;
    height: 86px;
    padding: 0;
    border: #dbe4f4 solid 2px;
    margin-bottom: 12px;
    border-radius: 6px;
    background: #ecf3ff;
}

.remind-box .well div.title {
    position: absolute;
    left: 0;
    top: 0;
    padding: 16px 0 0 40px;
    line-height: 26px;
}

.remind-box .well div.title:before {
    position: absolute;
    left: 16px;
    top: 22px;
    display: block;
    width: 12px;
    height: 12px;
    border: #2481ff solid 3px;
    border-radius: 6px;
    content: "";
}

.remind-box .well div.title h5 {
    margin: 0;
    font-weight: bold;
    font-size: 16px;
    color: #45638f;
}

.remind-box .well div.title p {
    margin: 0;
    font-size: 14px;
    color: #8d9bb0;
}

.remind-box .well .text-right {
    width: 44%;
    height: 100%;
    padding-right: 20px;
    background: #dbe4f4 url("../images/remind-gb2.png") no-repeat scroll 0 0;
    color: #45638f;
    font-size: 30px;
    font-weight: bold;
    font-family: "PingFang SC", sans-serif;
    line-height: 82px;
    color: #45638f;
    float: right;
}

.remind-box .well-2 {
    border-color: #d0eaea;
    background-color: #e0f4f4;
}

.remind-box .well-2 div.title:before {
    border-color: #35d299;
}

.remind-box .well-2 div.title h5 {
    color: #459595;
}

.remind-box .well-2 div.title p {
    color: #8eb1b1;
}

.remind-box .well-2 .text-right {
    background-color: #d0eaea;
    background-position: 0 -82px;
    color: #469595;
}

.remind-box .well-3 {
    border-color: #ebe1d1;
    background-color: #f5ede1;
}

.remind-box .well-3 div.title:before {
    border-color: #ff9d0e;
}

.remind-box .well-3 div.title h5 {
    color: #967645;
}

.remind-box .well-3 div.title p {
    color: #b0a28d;
}

.remind-box .well-3 .text-right {
    background-color: #ebe1d1;
    background-position: 0 -164px;
    color: #967645;
}

.remind-box .well-4 {
    border-color: #ebd1d1;
    background-color: #f5e1e1;
}

.remind-box .well-4 div.title:before {
    border-color: #ff5d5d;
}

.remind-box .well-4 div.title h5 {
    color: #964545;
}

.remind-box .well-4 div.title p {
    color: #b08d8d;
}

.remind-box .well-4 .text-right {
    background-color: #ebd1d1;
    background-position: 0 -246px;
    color: #964545;
}

.remind-box .well-5 {
    border-color: #e7d1eb;
    background-color: #f2e1f5;
}

.remind-box .well-5 div.title:before {
    border-color: #b047e1;
}

.remind-box .well-5 div.title h5 {
    color: #8a4596;
}

.remind-box .well-5 div.title p {
    color: #ab8db0;
}

.remind-box .well-5 .text-right {
    background-color: #e7d1eb;
    background-position: 0 -328px;
    color: #8a4596;
}

.remind-box .well-6 {
    border-color: #dbdddf;
    background-color: #eeeeee;
}

.remind-box .well-6 div.title:before {
    border-color: #2e3137;
}

.remind-box .well-6 div.title h5 {
    color: #38465f;
}

.remind-box .well-6 div.title p {
    color: #8d99b0;
}

.remind-box .well-6 .text-right {
    background-color: #dbdddf;
    background-position: 0 -410px;
    color: #38465f;
}

.briefing-box {
    margin-bottom: 0;
}

.briefing-box .card-actions .select-switch {
    margin-top: -2px;
}

.briefing-box .card-body {
    padding: 0 24px 8px;
}

.briefing-box .row {
    margin-left: -8px;
    margin-right: -8px;
}

.briefing-box .row > div {
    padding-left: 8px;
    padding-right: 8px;
}

.briefing-box .well {
    position: relative;
    height: 120px;
    padding: 25px 30px;
    border: 0;
    margin-bottom: 16px;
    border-radius: 4px;
    background-color: #fff7ea;
    background-image: url("../images/line-up.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% 60px;
}

.briefing-box .card-body .row > div:nth-child(odd) .well {
    background-color: #eef7ff;
}

.briefing-box .well h5 {
    height: 20px;
    margin-bottom: 16px;
    line-height: 20px;
    font-size: 15px;
    font-weight: bold;
    color: #0f346e;
}

.briefing-box .well h5 span.label {
    position: relative;
    display: inline-block;
    height: 20px;
    padding: 0 18px 0 6px;
    margin-left: 10px;
    background-color: #fff;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    vertical-align: top;
}

.briefing-box .well h5 span.label:after {
    position: absolute;
    right: 6px;
    top: 5px;
    display: block;
    width: 8px;
    height: 8px;
    border-top: #59c891 solid 2px;
    border-right: #59c891 solid 2px;
    content: "";
}

.briefing-box .well h5 span.label-danger-light:after {
    top: 7px;
    border-top: none;
    border-bottom: #ff5d5d solid 2px;
    border-right: #ff5d5d solid 2px;
}

.briefing-box .well > span {
    display: inline-block;
    line-height: 36px;
    font-size: 32px;
    font-weight: bold;
    color: #284566;
    text-shadow: rgba(15, 52, 110, .3) 0 3px 7px;
}

.briefing-box .well > span:after {
    display: inline-block;
    padding-left: 5px;
    font-size: 18px;
    font-weight: normal;
    color: #94abc4;
    text-shadow: none;
    content: "%";
}

.briefing-box .well > div.icon {
    position: absolute;
    right: 25px;
    top: 25px;
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 6px;
    background-color: #fff;
    overflow: hidden;
}

.fixed-table-toolbar {
    /*display: none;*/
}

.notice-box table td {
    white-space: nowrap;
}

/* 标签样式 */

.words-split {
    vertical-align: middle;
}
.lbl-input {
    display: inline-block;
    min-width: 100px;
    height: 26px;
    line-height: 26px;
    min-height: 26px;
    text-indent: 1em;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #000;
    vertical-align: middle;

}
.words-split a {
    display: inline-block;
    padding: 0 20px 0 8px;
    position: relative;
    margin: 0 6px 10px 6px;
}

.words-split a em {
    display: none;
    width: 16px;
    height: 100%;
    position: absolute;
    background: #f60;
    right: 0;
    top: 0;
}

.words-split a em:after {
    content: "-";
    color: #fff;
    font: bold 20px 'Microsoft Yahei';
}

.words-split a:hover em {
    display: block;
}

a.words-split-add {
    display: inline-block;
    font: bold 20px 'Microsoft Yahei';
    color: #2cac93
}

.fm-button {
    display: inline-block;
    text-align: center;
    color: #fff;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    padding: 0 1em;
    border-radius: 3px;
    opacity: .9;
    filter: alpha(opacity=90);
    background: #2cac93;
}
/*
整体样式修改
*/
body{
    /*background: #F6F9FD;*/
    background: #f4f6fa;
    /*font-family: PingFangSC-Medium;*/
}
.lose-pad{
    padding: 0!important;
}
.edit-news{
    position: absolute;
    right: 0;
    top: 0;
}
.box-new-card{
    border-radius: 10px;
    height: 170px;
    box-shadow: rgba(0,0,0,.03) 0 8px 24px;
}
.box-new-card .card-header{
    position: relative;
    height: 60px;
    min-height: auto;
    padding: 0 20px;
}

.box-new-card .card-body {
    padding: 0 20px 20px;
}
.icon-vertical{
    display: inline-block;
    border: 2px solid #6375FF;
    height: 20px;
    /* line-height: 20px; */
    float: left;
}
.box-new-card h4{
    height: 24px;
    margin: 18px 0;
    line-height: 24px;
    font-size: 15px;
    color: #363942;
    padding: 0;
}
.box-new-card h4 img {
    margin: -2px 6px 0 -2px;
    vertical-align: top;
}
.bd{
    font-size: 14px;
    font-family: PingFangSC-Regular;
}
.edit-news a{
    color: #4460F1;
    font-size: 14px;
    font-family: PingFangSC-Regular;
}
/*数据一览*/
ul li{
    list-style-type:none;
    cursor:pointer
}
.browse-data{
    display: flex;
}
.browse-data li{
    position: relative;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    color: #959595;
}
.browse-data .active{
    color: #4460F1;
}
.browse-data .active:before {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 2px;
    display: block;
    height: 2px;
    background-color: #4460F1;
    content: "";
}
.browse-body .col-lg-2{

}
.browse-sit{
    position: relative;
    padding: 10px;
}
.total-exhibition{
    position: absolute;
    left: 15%;
    top: 25%;
}
.data-change{
    font-size: 24px;
}
.total-exhibition span{
    display: block;
    color: #fff;
}
.narrow-card{
    width: 56%;
}
.enlarge-card{
    width: 22%;
}
.swiper-layer{
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
}
.sales-kit{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sales-kit img{
    width: 40px;
    height: 40px;
}
.right-data{
    padding-left: 20px;
    line-height: 35px;
    width: 120px;
}
.r_border{
    border-right: 1px solid #EEEEF5;
}
/*.right-data:nth-child(1){*/
/*    border-right: 1px solid #EEEEF5;*/
/*}*/

.right-data img{
    width: 13px;
    height: 23px;
    margin-left: 20px;
    margin-bottom: 10px;
}
.right-data span{
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #B1B1B1;
}
.n-achieve{
    display: block;
}
.right-data .p-data{

    font-size: 28px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #222222;
}
/*
遗忘和图片
*/
.forge-remin{
    line-height: 34px;
}

.no-change-data{
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
    white-space:nowrap;
}
.over-no-contact{
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #B1B1B1;
}
.data-people{
    padding: 0 10px;
}
.d-sign{
    position: absolute;
    left: 52%;
    top: 38%;
}
.l-sign{
    position: absolute;
    left: 12%;
    bottom: 16%;
}
/*立即抽取*/
.img-sign{
    position: absolute;
    bottom: 13%;
    left: 54%;
    background: rgba(255,255,255,.4);
    /*background: #FFFFFF;*/
    /*opacity: 0.4;*/
    width: 70px;
    height: 28px;
    border-radius: 30px;
}
.btn-img{
    font-weight: 500;
    color: #FFFEFE;
    border: none;
    background: none;
    /*position: absolute;*/
    /*bottom: 14%;*/
    /*left: 54%;*/
    font-size: 14px;
    text-align: center;
    line-height: 24px;
}
.draw-img{
    height: 170px;
    padding: 0!important;
    position: relative;
}
.settle-img span{
    color: #fff;
}
.d-img-back{
    width: 100%;
    height: 100%;
}
/*业绩排行*/
.b-flex{
    display: flex;
    /*justify-content: space-around;*/
    justify-content: space-between;
    height: 80px;
    border-bottom: #f2f3f8 solid 1px;
    align-items: center;
}
.r-img{
    width: 10%;
}
.r-img .rank-avatar {
    width: 58px;
    height: 58px;
    border: rgba(255, 255, 255, .5) solid 3px;
    border-radius: 40px;
}

.r-img .rank-avatar > div {
    width: 46px;
    height: 46px;
    margin: 3px;
    border-radius: 30px;
    overflow: hidden;
}

.r-img .rank-avatar > div img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    object-fit: contain;
}

.r-name-money{
    flex-grow: 1;
    width: 25%;
    text-align: center;
    padding-left: 10px;
    text-align: left;
}
.r-name-money p{
    font-size: 16px;
    font-weight: 500;
    color: #222222;
    white-space: nowrap;

}
.r-name-money span{
    font-size: 14px;
    font-weight: 500;
    color: #959595;
}
.r-num span,.r-company span{
    font-size: 14px;
    font-weight: 500;
    color: #222222;
}
.r-company{
    flex-grow: 1;
    width: 40%;
    text-align: center;
}
.r-company span{
    padding: 50px;
}
.r-num{
    flex-grow: 1;
    width: 25%;
    text-align: center;
}


/******/

/*重要公告*/
.s-input{
    border-radius: 30px!important;
}
.s-button{
    border: none;
    background: no-repeat;
    position: absolute;
    right: 8px;
}

/*轮播*/
.n-swiper , .l-swiper{
    width: 30px;
    height: 30px;

}
.n-swiper:hover ,.l-swiper:hover{
    background: #000;
    opacity: 0.2;
    border-radius: 15px;
}
.n-swiper:after, .l-swiper:after {
    font-size: large;
}

/*编辑新闻*/
.b-newbook{
    float: right;
}
.b-newbook a,.b-newbook{
    color: #4460F1!important;
    text-decoration:none!important;
}
a{
    text-decoration:none!important;
}
/*重要公告*/
.table-noborder a{
    color: #6375FF!important;
}
/*小手*/
.browse-data li,.img-sign,.f-forge-img
{
    cursor:pointer
}
/*
数据一览图片
*/
.browse-sit img{
    box-shadow: 5px 6px 6px 1px rgba(49, 56, 93, 0.1);
    width: 100%;
}

.r-img{
    text-align: center;
    width: 80px;
    padding: 0 20px 0 10px;
}
.r-img span{
    color: #4460F1;
}
/**/
.p-active{
    color: #959595;
}
/*抽签弹框*/
.l-alert{
    width: 400px;
}
.l-background{
    background-image: url('/images/signImg/b-img.png');
    background-repeat:no-repeat;
    text-align: center;
    background-size: 100%;
    border-radius: 30px;
}
.l-h4{
    height: 60px;
    line-height: 60px;
    color: #FFFFFF;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 600;
}
.l-p1{
    padding-top: 15px;font-size: 16px;
    font-family: PingFang SC;
    height: 40px;
    font-weight: 600;
    color: #E8523F;
}
.l-p2{
    text-align: left;
    padding:0 20px;
    /*height: 50px;*/
    font-size: 13px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #8E8E8E;
    margin-top: 15px;
    line-height: 18px;

}
.l-btn{
    text-align: center;
    background-size: 100%;
    border-radius: 30px; width: 126px;
    height: 36px;
    background: linear-gradient(90deg, #E8523F, #F77E5A);
    box-shadow: 0px 5px 5px 0px rgba(252, 195, 137, 0.5);
    border-radius: 18px;border:none;color: #fff;margin-top: 20px;
}
.l-footer{
    position: absolute;
    top: -55px;
    right: -44px;
    border: none;
}
/*管理端：重要公告*/
.f-three{
    display: flex;
}
.f-three select{
    min-width: 82px;
    border: 1px solid #959595;
    opacity: 0.4;
    border-radius: 35px;
}
.f-three .f-last button{
    width: 70px;
    background: #6375FF;
    border-radius: 30px;
    margin-left: 10px;
}
.f-three .f-last button.btn-add{
    padding-left: 32px!important;
}
.browse-data .active{

}
.searchs{
    position: relative;
}
/*右箭头*/
.r-arrow{
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    background: #6375ff;
    color: #fff;
    line-height: 20px;
    border-radius: 10px;
    margin-left: 10px;
    position: absolute;
    margin-top: 5px;
    cursor: pointer;
}
.r-arrow:hover{
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    background: #6375ff;
    color: #fff;
    line-height: 40px;
    border-radius: 20px;
    font-size: 30px;
    margin-left: 10px;
    position: absolute;
    margin-top: 5px;
    cursor: pointer;
}
.y-pointer{
    cursor: pointer;
}
.mdi-span{
    padding-left: 20px;
}
.mdi-span span{
    font-size: 26px;
    color: #ff6200;
}
.clear-float:after {content: ''; display: block; clear: both;}
.aside {float: left; width: 560px;  }
.content-wrapper {float: left; margin-left: -560px; width:100%;}
.content {margin-left: 584px; }

.browse-clear-float:after {content: ''; display: block; clear: both;}
.browse-aside {float: left; width: 500px;  }
.browse-content-wrapper {float: left; margin-left: -500px; width:100%;padding: 0 20px 0 0;}
.browse-content {margin-left: 500px; }





/* 2021-05-16 */
.container-fluid {
    padding: 24px 26px 30px 30px;
}

.top-action {
    height: 36px;
    margin-bottom: 18px;
}

.top-action .select-switch {
    padding: 3px;
    background: #e8edf5;
}

.top-action .select-switch span {
    min-width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
}

.overview {
    /*width: 100%;*/
    /*height: 140px;*/
    /*margin-right: -30px;*/
    margin: 0 0 12px;
    /*margin-bottom: 12px;*/
    overflow: hidden;
    overflow-x: auto;
}

.overview .data-box {
    display: flex;
    padding-bottom: 12px;
    white-space: nowrap;
    font-size: 0;
}

.overview .card {
    /*display: inline-block;*/
    width: 100%;
    min-width: 218px;
    height: 116px;
    padding: 0 80px 0 28px;
    margin: 0 20px 0 0;
    border: #eaf0f4 solid 2px;
    border-radius: 10px;
    background: #fff url("../images/overview-bg.png") no-repeat scroll right top;
    vertical-align: top;
}

.overview .card:last-child {
    margin-right: 0;
}

.overview .card:nth-child(2) {
    background-position: right -112px;
}

.overview .card:nth-child(3) {
    background-position: right -224px;
}

.overview .card:nth-child(4) {
    background-position: right -336px;
}

.overview .card:nth-child(5) {
    /*background-position: right -448px;*/
    background-position: right -560px;
}

.overview .card:nth-child(6) {
    /*margin-right: 0;*/
    background-position: right -560px;
}
#membershipRenewalRateBg{
    background-position: right -448px !important;
}
.overview .data-box strong {
    display: block;
    height: 42px;
    margin-top: 22px;
    line-height: 42px;
    font-size: 32px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    color: #3c3f4a;
    text-shadow: rgba(60, 63, 74, .3) 0 3px 7px;
}

.overview .data-box strong + span {
    display: inline-block;
    line-height: 24px;
    font-size: 13px;
    color: #888c9b;
}

.overview .data-box span i.mdi {
    font-size: 16px;
    vertical-align: -2px;
}

.overview .data-box span i.mdi-arrow-down-bold {
    color: #f35e68;
}

.overview .data-box span i.mdi-arrow-up-bold {
    color: #3ec538;
}

.card .card-header .card-actions {
    height: 36px;
    margin: 12px 0;
}

.card-actions .searchs input {
    width: 220px;
    height: 36px;
    border: #eaf0f4 solid 2px;
}

.card-actions .searchs input:hover {
    box-shadow: none;
}

.card-actions .searchs input:focus {
    border-color: #5979ec;
    box-shadow: none;
}

.row-2 {
    position: relative;
    padding-right: 608px;
    height: 186px;
    margin-bottom: 24px;
}

.row-2 .row-2-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 608px;
}

.row-2 .row-2-right .card {
    width: 280px;
    margin-left: 24px;
    float: left;
}

.row-2 .card {
    height: 186px;
}

.box-xsjb .well {
    position: relative;
    height: 100px;
    padding: 0 100px 0 20px;
    border: #f2f2f2 solid 1px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: rgba(0,0,0,.03) 0 3px 7px;
}

.box-xsjb .well span {
    position: relative;
    z-index: 3;
}

.box-xsjb .well .n-achieve {
    display: block;
    margin-top: 16px;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    color: #444444;
    white-space: nowrap;
}


.box-xsjb .well .p-data {
    height: 40px;
    padding-left: 30px;
    background: url("../images/icon-x-6.png") no-repeat scroll left center;
    line-height: 40px;
    font-size: 26px;
    font-family: Arial, sans-serif;
    color: #222;
    font-weight: bold;
}

.box-xsjb .well img {
    position: absolute;
    right: 0;
    bottom: 5px;
    z-index: 1;
}

.box-ywtx .data-people {
    position: relative;
    z-index: 2;
    display: block;
    padding: 0;
    line-height: 40px;
    color: #444444;
    white-space: nowrap;
}

.box-ywtx .card-actions a {
    color: #777;
}

.box-ywtx .card-actions a:hover {
    color: #6b84ff;
}

/*.box-ywtx .data-people img {
    margin: 0 12px 0 20px;
    vertical-align: -3px;
}*/
.box-ywtx .data-people  .k-data {
    position: relative;
    display: block;
    height: 40px;
    padding-left: 30px;
    line-height: 40px;
    font-size: 26px;
    font-weight: bold;
    font-family: Arial,sans-serif;
    color: #222222;
}

.box-ywtx .data-people  .k-data:before {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url("../images/icon-x-6.png") no-repeat scroll 0 0;
    content: "";
}

.box-ywtx .card-body {
    position: relative;
    height: 126px;
}

.box-ywtx .card-body > img {
    position: absolute;
    right: 0;
    bottom: 10px;
    z-index: 1;
}

.box-ywtx .card-body > a {
    display: inline-block;
    line-height: 20px;
    margin: 4px 0;
    font-size: 14px;
    color: #4460f1;
}

.box-ssq .card-body {
    padding: 0;
}

.box-ssq .card-body > img {
    width: 100%;
    height: 144px;
    border-radius: 10px 10px 0 0;
}

.box-ssq .card-body > div {
    padding: 0 10px;
    line-height: 26px;
    font-size: 12px;
    color: #606060;
}

.box-ssq .card-body > div span {
    font-size: 18px;
    font-family: Arial;
    color: #ff696a;
}

.box-ssq .card-body button {
    display: inline-block;
    float: right;
    width: 80px;
    height: 26px;
    border-radius: 20px;
    background: #ffe4e0;
    font-size: 13px;
    color: #f05d5e;
}

.overview::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: none;
}

.overview::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
    background: #e1e7ef;
    box-shadow: none;
}

.product-rank .r-img {
    width: 130px;
}

.product-rank .r-num {
    padding-right: 12px;
    text-align: right;
    width: 120px;
    flex-grow: 0;
}

.product-rank .r-name-money p,
.product-rank .r-num p {
    margin-bottom: 0;
}

.product-rank .r-name-money p {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
#luck-table div{
    min-height: 125px;
    margin-top: 30px;
}

.box-xsjb .card-body > .row {
    padding: 0 10px;
}

.box-xsjb .card-body > .row > div {
    padding-left: 10px;
    padding-right: 10px;
}

.selRadius{
    border-radius: 50px !important;
    border: 1px solid #959595;
}

.box-new-card .card-actions .btn-primary,
.box-new-card .card-actions .btn-add {
    margin-left: 15px;
    border-radius: 20px;
    background: #6375ff;
    box-shadow: rgba(99, 117, 255, .3) 0 3px 7px;
}

.box-new-card .card-actions .btn-add:after {
    background: rgba(255, 255, 255, .6);
}

.box-new-card .card-actions .btn-primary:hover,
.box-new-card .card-actions .btn-add:hover {
    background: #6c7cff;
    box-shadow: rgba(99, 117, 255, .5) 0 5px 12px;
}

.box-new-card .card-actions .btn-primary:active,
.box-new-card .card-actions .btn-add:active {
    box-shadow: rgba(99, 117, 255, .2) 0 3px 7px;
}

.box-new-card td .del-btn i {
    color: #fff;
}

.box-new-card .bootstrap-table .fixed-table-container .fixed-table-body {
    height: 260px;
}

.box-new-card table {
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

.box-new-card table td > a{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.overview .data-box strong em {
    font-style: normal;
    font-size: 24px;
    text-shadow: none;
    color: #c3c6d2;
    vertical-align: 2px;
    padding-left: 2px;
}


/* ========================================== 新版首页 ========================================== */

.main-body .container-fluid {
    padding: 24px;
}

.main-body .container-fluid > .row:not(.top-action) {
    margin-right: -10px;
    margin-left: -10px;
}

.main-body .container-fluid > .row > div.col-xs-6 {
    padding-right: 10px;
    padding-left: 10px;
}

.main-body .box-new-card {
    margin-bottom: 20px;
}

.top-action h3 {
    position: relative;
    display: inline-block;
    padding-top: 3px;
    margin: 0;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #3D4956;
}

.top-action h3:before {
    position: absolute;
    left: 36px;
    top: 20px;
    z-index: -1;
    display: block;
    width: 4em;
    height: 10px;
    background: #6476FF;
    opacity: 0.6;
    border-radius: 5px;
    content: "";
}

.top-action h3 img {
    margin-right: 6px;
}

.top-action label.time-action {
    position: relative;
    margin: 0;
    /*margin-left: 12px;*/
}

.top-action label.time-action input {
    width: 160px;
    height: 38px;
    padding-left: 40px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    color: #394A64;
}

.top-action label.time-action i {
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 18px;
    color: #8E99B1;
    transform: translateY(-50%);
}

.main-body .overview {
    position: relative;
    margin-bottom: 20px;
    overflow: visible;
}

.overview .swiper-container {
    position: relative;
    height: 136px;
    padding: 18px 20px;
    border-radius: 14px;
    background-color: #fff;
}

.overview .swiper-button-next,
.overview .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    box-shadow: 0 5px 12px 0px rgba(0, 0, 0, 0.04);
    border-radius: 19px;
    line-height: 30px;
    font-size: 30px;
    color: #111733;
}

.overview .swiper-button-next {
    right: -7px;
}

.overview .swiper-button-prev {
    left: -7px;
}

.overview .swiper-button-next:after,
.overview .swiper-button-prev:after {
    content: none;
}

.overview .swiper-button-next.swiper-button-disabled,
.overview .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.overview .swiper-wrapper {
    min-width: 100%;
}

.overview .swiper-slide {
    flex-grow: 1;
    /*width: 230px;*/
    width: 193px;
    height: 100px;
    padding-left: 20px;
    margin-right: 20px;
    /*background: #F3F6F9 url("../images/overview-icon-1.jpg") no-repeat 130px 18px;*/
    background: #F3F6F9 url("../images/overview-icon-1.jpg") no-repeat right 0;
    border-radius: 14px;
}

.overview .swiper-slide:first-child {
    width: 191px;
}

.overview .swiper-slide:last-child {
    margin-right: 0!important;
}

.overview .swiper-slide:nth-child(even) {
    background-image: url("../images/overview-icon-2.jpg");
}

.overview .swiper-slide span i {
    display: none;
}

.overview .swiper-slide span {
    display: block;
    padding: 24px 0 14px;
    line-height: 13px;
    font-size: 13px;
    font-weight: 400;
    color: #8F97AB;
}

.overview .swiper-slide strong {
    display: block;
    line-height: 28px;
    font-size: 28px;
    font-family: Arial;
    font-weight: bold;
    color: #121936;
    text-shadow: 0 3px 7px rgba(61, 63, 73, 0.3);
}

.box-new-card h4 {
    position: relative;
    z-index: 1;
    font-size: 18px;
    color: #3D4956;
}

.main-body .box-new-card h4:before {
    position: absolute;
    left: 36px;
    top: 14px;
    right: 0;
    z-index: -1;
    display: block;
    height: 10px;
    background: #6476FF;
    opacity: 0.6;
    border-radius: 5px;
    content: "";
}

.rank-action {
    height: 40px;
    margin-bottom: 12px;
}


.rank-action .rank-tab {
    height: 40px;
    padding: 5px;
    background: #F3F6F9;
    border-radius: 6px;
    overflow: hidden;
}

.rank-tab span {
    display: block;
    width: 80px;
    height: 30px;
    border-radius: 4px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #7E879F;
    float: left;
}

.rank-tab span.p-active {
    background: #6B7CFF;
    box-shadow: 0 3px 7px 0px rgba(82, 94, 114, 0.12);
    color: #fff;
}

.rank-action .browse-data {
    height: 38px;
    padding: 4px;
    margin: 1px 0;
    background: #F3F6F9;
    border-radius: 6px;
    overflow: hidden;
}

.rank-action .browse-data li {
    width: 60px;
    height: 30px;
    border-radius: 6px;
    background: transparent;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #7E879F;
}

.browse-data .active:before {
    content: none;
}

.rank-action .browse-data li.active {
    background: #6B7CFF;
    color: #fff;
}

.rank-body {
    height: 370px;
    margin-right: -16px;
    overflow: hidden auto;
}

.rank-body .b-flex {
    height: 66px;
    border: #F7FBFF solid 1px;
    border-radius: 6px;
    background: #F7FBFF;
    margin-bottom: 10px;
    overflow: hidden;
}

.rank-body .b-flex:last-child {
    margin-bottom: 0;
}

.rank-body .b-flex:nth-child(1) {
    border-color: #FFD087;
    background: #FFF0D3 url("../images/rank-bg-1.jpg") no-repeat scroll right center;
}

.rank-body .b-flex:nth-child(2) {
    border-color: #BBCDF1;
    background: #DCE3F1  url("../images/rank-bg-2.jpg") no-repeat scroll right center;
}

.rank-body .b-flex:nth-child(3) {
    border-color: #B7E9EC;
    background: #DBEEF4  url("../images/rank-bg-3.jpg") no-repeat scroll right center;
}

.rank-body .r-name-money p{
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    color: #556785;
    white-space: nowrap;
}
.rank-body .r-name-money p > span {
    padding-right: 5px;
    margin: 0;
    font-size: 12px;
    font-family: Arial Black;
    font-weight: 400;
    color: #556785;
}
.rank-body .r-name-money span{
    margin-left: -3px;
    font-size: 14px;
    font-family: Arial Black;
    font-weight: 400;
    color: #989FAC;
}

.rank-body .r-num{
    flex-grow: 1;
    width: 25%;
    padding-right: 36px;
    text-align: right;
}

.rank-body .r-num p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    color: #989FAC;
}

.rank-body .r-num p + span {
    font-family: Arial Black;
    color: #556785;
}

.rank-body .r-img img {
    width: 64px;
}

.main-body .top-action {
    height: 36px;
    margin-bottom: 12px;
}

.rank-body .product-rank .r-img img {
    width: auto;
}

.rank-body .product-rank .r-num {
    padding-right: 36px;
    text-align: right;
    width: 180px;
    flex-grow: 0;
    white-space: nowrap;
}

.rank-body .product-rank .r-name-money p,
.rank-body .product-rank .r-num p {
    margin-bottom: 0;
}

.rank-body .product-rank .r-num p {
    font-family: "Arial Black", "苹方";
    font-size: 15px;
    color: #556785;
}

.main-body .box-new-card .table-noborder > tbody > tr > td {
    height: 66px;
}

.main-body .box-new-card table td > span.text-left {
    font-size: 13px;
    line-height: 22px;
}

.main-body .box-new-card .bootstrap-table .fixed-table-container .fixed-table-body {
    height: 372px;
}

#messageTable {
    margin-top: -10px;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.main-body .box-new-card .message-card .bootstrap-table .fixed-table-container .fixed-table-body {
    height: 358px;
}

.message-card .fixed-table-pagination {
    padding-top: 5px;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .pagination-info {
    padding-right: 0;
}

.rank-datas {
    padding: 4px 0;
}

.rank-datas .input-group input {
    height: 32px;
}

.rank-datas .input-group .input-group-addon {
    padding: 6px 8px;
}

.rank-all-data {
    padding: 0;
    margin-left: 12px;
    float: left;
}

.rank-all-data span:before,
.rank-all-data span:after {
    content: none;
}

.rank-all-data span {
    display: block;
    width: 60px;
    height: 32px;
    border-radius: 3px;
    background-color: #fcfdfe;
    border: #ebebeb solid 1px;
    color: #555;
    text-align: center;
    line-height: 30px;
    transition: .2s;
}

.rank-all-data input:checked + span {
    border-color: #6B7CFF;
    background: #6B7CFF;
    box-shadow: 0 3px 7px 0px rgb(82 94 114 / 12%);
    color: #fff;
}

/* ======================================= 销售明星榜 ======================================= */

.star-box .star-header {
    height: 38px;
    margin-bottom: 16px;
}

.star-box .star-header > img {
    margin: 10px 0 0 5px;
}

.star-box .action label {
    position: relative;
    display: block;
    margin: 0;
    float: left;
}

.star-box .action label i {
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 18px;
    color: #8E99B1;
    transform: translateY(-50%);
}

.star-box .action label input {
    width: 140px;
    height: 38px;
    padding-left: 40px;
    border: none;
    border-radius: 6px;
    background-color: #f7fbff;
    font-size: 14px;
    color: #394A64;
}

.star-box .action label input:focus {
    background-color: #ffffff;
}

.star-box .star-list {
    display: flex;
    justify-content: space-between;
    height: 332px;
    border-radius: 14px;
    background-color: #f3f6f9;
    overflow: auto hidden;
}

.star-list .star-ranking {
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    width: 200px;
    margin: 42px 6px 0;
}

.star-list .star-no2,
.star-list .star-no3 {
    width: 170px;
    margin-top: 72px;
}

.star-ranking .box {
    position: relative;
    width: 100%;
    height: 190px;
    border-radius: 12px;
    background-image: linear-gradient(0deg, #f3f6f9, #fac4bd);
    box-shadow: rgba(190, 85, 71, .2) 0 3px 3px;
    overflow: hidden;
}

.star-ranking .box:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    display: block;
    height: 5px;
    background-color: #be5446;
    content: "";
}

.star-list .star-no2 .box,
.star-list .star-no3 .box {
    height: 170px;
    background-image: linear-gradient(0deg, #f3f6f9, #edd3a3);
    box-shadow: rgba(190, 148, 70, .2) 0 3px 3px;
}

.star-list .star-no2 .box:before {
    background-color: #be9446;
}

.star-list .star-no3 .box {
    background-image: linear-gradient(0deg, #f3f6f9, #f8bb8d);
    box-shadow: rgba(207, 139, 88, .2) 0 3px 3px;
}

.star-list .star-no3 .box:before {
    background-color: #cf8b58;
}

.star-ranking .box > a {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 3;
    display: none;
    width: 28px;
    height: 28px;
    border-radius: 20px;
    background-color: #eddddd;
    line-height: 28px;
    font-size: 16px;
    color: #be5446;
    text-align: center;
}

.star-ranking.star-no2 .box > a {
    right: 8px;
    bottom: 8px;
    background-color: #ece5d6;
    color: #cfa14b;
}

.star-ranking.star-no3 .box > a {
    right: 8px;
    bottom: 8px;
    background-color: #f3e7de;
    color: #cf8b58;
}

.star-ranking > div > img {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: -12px;
    transform: translateX(-50%);
}

.star-list .star-no1 > div > img {
    top: -22px;
}

.star-list .star-ranking > div > a {
    display: none;
}

.star-ranking .avatar {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    /*border: #f0b287 solid 4px;*/
    background-image: -webkit-linear-gradient(top, #be5446 0%, #f4edef 50%, #be5446 100%);
    background-image: -moz-linear-gradient(top, #be5446 0%, #f4edef 50%, #be5446 100%);
    background-image: linear-gradient(top, #be5446 0%, #f4edef 50%, #be5446 100%);
    margin: 30px auto 0;
    box-sizing: border-box;
    overflow: hidden;
}

.star-ranking .avatar > div {
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    border-radius: 100px;
    background-color: #fff;
    overflow: hidden;
}

.star-ranking .avatar img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    object-fit: contain;
}

.star-ranking.star-no1 .avatar {
    width: 116px;
    height: 116px;
}

.star-ranking.star-no2 .avatar {
    background-image: -webkit-linear-gradient(top, #efcb89 0%, #fffefe 50%, #efcb89 100%);
    background-image: -moz-linear-gradient(top, #efcb89 0%, #fffefe 50%, #efcb89 100%);
    background-image: linear-gradient(top, #efcb89 0%, #fffefe 50%, #efcb89 100%);
}

.star-ranking.star-no3 .avatar {
    background-image: -webkit-linear-gradient(top, #efb58a 0%, #fcf4dd 50%, #efb58a 100%);
    background-image: -moz-linear-gradient(top, #efb58a 0%, #fcf4dd 50%, #efb58a 100%);
    background-image: linear-gradient(top, #efb58a 0%, #fcf4dd 50%, #efb58a 100%);
}

.star-ranking h4 {
    position: absolute;
    left: 50%;
    top: 128px;
    z-index: 3;
    width: 126px;
    height: 34px;
    margin: 0;
    background: url("../images/name-bg1.png") no-repeat scroll 0 0;
    text-align: center;
    line-height: 26px;
    font-size: 17px;
    color: #ffffff;
    transform: translateX(-50%);
}

.star-ranking h4:before {
    content: none!important;
}

.star-ranking.star-no2 h4 {
    top: 120px;
    width: 104px;
    height: 28px;
    background-image: url("../images/name-bg2.png");
    line-height: 20px;
    font-size: 14px;
}

.star-ranking.star-no3 h4 {
    top: 116px;
    width: 110px;
    height: 30px;
    background-image: url("../images/name-bg3.png");
    line-height: 22px;
    font-size: 16px;
}

.star-ranking ul {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10;
    padding: 20px 0 0 0;
    margin: 0;
}

.star-ranking ul li {
    padding: 0 7px;
    text-align: center;
}

.star-ranking ul li span {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    line-height: 24px;
    font-size: 12px;
}

.star-ranking ul li span:before {
    content: "+";
}

.star-ranking ul li span:after {
    position: absolute;
    left: 0;
    top: 3px;
    display: block;
    width: 18px;
    height: 18px;
    background: url("../images/star-icon.png") no-repeat scroll 0 0;
    content: "";
}

.star-ranking ul li:nth-child(2) span:after {
    background-position: -18px 0;
}

.star-ranking ul li:nth-child(3) span:after {
    background-position: -36px 0;
}

.star-ranking button {
    position: relative;
    display: block;
    width: 50px;
    height: 24px;
    border: none;
    box-shadow: none!important;
}

.star-ranking button.btn-info {
    background: #e2eaff;
    color: #697bf2;
}

.star-ranking button.btn-info:hover {
    background: #d3dfff;
    color: #697bf2;
}

.star-ranking button.btn-info:not([disabled]):not(.disabled):active {
    background: #697bf2;
    color: #ffffff;
}

.star-ranking button i {
    position: absolute;
    left: 50%;
    display: none;
    width: 18px;
    height: 18px;
    background: url("../images/star-icon.png") no-repeat scroll 0 0;
    margin: -10px 0 0 -9px;
}

.star-ranking button.btn-danger i {
    background-position: -18px 0;
}

.star-animate {
    -webkit-animation-name: Clickfd;
    -webkit-animation-duration: .4s;
    -webkit-animation-direction: normal;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
}

@keyframes Clickfd {
    0% {
        top:0px;
    }
    20% {
        top:-5px;
        transform: rotate(5deg);
    }
    40% {
        top:-8px;
        transform: rotate(0deg);
    }
    60% {
        top:-10px;
        transform: rotate(-5deg);
    }
    80% {
        top:-12px;
        transform: rotate(-10deg);
        transform: scale(1.2);
    }
    100% {
        top:-14px;
        transform: rotate(0deg);
        transform: scale(1.5);
    }
}

/* 留言榜 */
.message-box .message-header {
    position: relative;
    height: 38px;
    margin-bottom: 16px;
}

.message-box .message-header > img {
    position: relative;
    z-index: 2;
    margin-top: 10px;
}

.message-box .message-header:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 18px;
    display: block;
    height: 1px;
    background: #d0d6ff;
    content: "";
}

.message-list {
    height: 332px;
    overflow: hidden;
}

.message-list.scroll {
    margin-right: -16px;
    overflow-y: auto;
}

.message-list .message-list-item {
    display: flex;
    align-items: center;
    height: 60px;
    border-radius: 6px;
    margin-bottom: 8px;
    background: #f7fbff;
}

.message-list .message-list-item:last-child {
    margin-bottom: 0;
}

.message-list-item .message-avatar {
    flex-grow: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin: 10px;
    border-radius: 20px;
    background: #e1f5fd;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
}

.message-list-item .message-avatar + div {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    line-height: 22px;
}

.message-list-item h5 {
    margin-bottom: 0;
    font-size: 12px;
    color: #8b98ad;
}

.message-list-item h5 span {
    padding-left: 12px;
}

.message-list-item p {
    margin-bottom: 0;
    font-size: 12px;
    color: #455165;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.message-list-item p span {
    padding-right: 1em;
    font-weight: 500;
}

.message-box .more-message {
    position: relative;
    top: 10px;
    display: block;
    width: 46px;
    height: 46px;
    border: none;
    border-radius: 30px;
    margin: -24px auto -48px;
    border-radius: 30px;
    background: #ffffff;
    box-shadow: #00000014 0 5px 12px;
    line-height: 46px;
    text-align: center;
    font-size: 12px;
    color: #777;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
}

.message-box .more-message i {
    display: block;
    line-height: 42px;
    font-size: 22px;
}

.message-box .more-message:not(.no-more):hover,
.message-box .more-message:not(.no-more).active,
.message-box .message-list:hover + .more-message:not(.no-more) {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.message-box .more-message:hover {
    color: #6375ff;
}

#messageModal .modal-header,
#messageModal .modal-footer {
    border: none;
}

#messageModal .modal-body {
    padding: 0 15px;
}

#messageModal textarea {
    border-radius: 4px;
}

#messageModal .modal-header h4 span {
    padding: 1px 6px;
    margin-left: 4px;
    border-radius: 5px;
    background: #ffe2e2;
    font-size: 14px;
    line-height: 14px;
    vertical-align: 2px;
    color: #bf5858;
}

#messageModal .modal-header h4 span:before {
    content: "@";
}

.message-list-item.list-color-0 .message-avatar {
    background-color: #e1f5fd;
    color: #65a4c9;
}

.message-list-item.list-color-0 p span {
    color: #65a4c9;
}

.message-list-item.list-color-1 .message-avatar {
    background-color: #efecfa;
    color: #8680b8;
}

.message-list-item.list-color-1 p span {
    color: #8680b8;
}

.message-list-item.list-color-2 .message-avatar {
    background-color: #f7eee3;
    color: #de9a66;
}

.message-list-item.list-color-2 p span {
    color: #de9a66;
}

.message-list-item.list-color-3 .message-avatar {
    background-color: #e3f4f6;
    color: #64a6a6;
}

.message-list-item.list-color-3 p span {
    color: #64a6a6;
}

.message-list-item.list-color-4 .message-avatar {
    background-color: #f9e1ea;
    color: #bf738c;
}

.message-list-item.list-color-4 p span {
    color: #bf738c;
}
#editHeadModal .modal-dialog {
    width: 420px;
}

#editHeadModal .topEdit {
    display: contents;
}

#editHeadModal .img-box {
    width: 200px;
    height: 200px;
    border: #f2f2f2 solid 6px;
    margin: 40px auto 16px;
    border-radius: 200px;
    background: #eee;
    overflow: hidden;
}

#editHeadModal .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#editHeadModal .topEdit > label {
    display: block;
    width: 126px;
    margin: 0px auto 24px;
}

.my-ranking {
    font-size: 14px;
    color: #989bba;
}

.my-ranking > a {
    color: #989bba;
}

.my-ranking > a:hover {
    color: #6B7CFF;
    text-decoration: underline!important;
}

.my-ranking span {
    display: none;
    position: relative;
    z-index: 2;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #fe584b;
    cursor: pointer;
}

.my-ranking > span:before {
    position: absolute;
    left: -2px;
    right: -2px;
    top: 62%;
    z-index: -1;
    display: block;
    height: 6px;
    border-radius: 10px;
    background-color: rgba(254, 88, 75, .32);
    content: "";
}

.my-ranking span span {
    font-family: Arial Black, sans-serif;
    font-size: 20px;
}

.datepicker table tr td span.active.active {
    border-color: #6B7CFF;
    background-color: #6B7CFF;
}

.datepicker table tr td span.active:hover.active:hover {
    border-color: #6B7CFF;
    background-color: #6B7CFF;
}









